<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
//         let obj={
//             name:'andy',
//             age:18,
//             sex:'男'
//         }
//         for(let i in obj){
//             console.log(obj[i])
//         }

        let students = [
{name: '小明', age: 18, gender: '男', hometown: ' 河北省'},
{name: '小红', age: 19, gender: '女', hometown: ' 河南省'},
{name: '小刚', age: 17, gender: '男', hometown: ' 山西省'},
{name: '小丽', age: 18, gender: '女', hometown: ' 山东省'}  ] 
// for(let k in students){
//     console.log(students[k].name,students[k].age,students[k].gender,students[k].hometown)
document.write(`<table border="1" width="600" height="150" cellspacing="0" cellpadding="0" align="center" style="text-align:center;">
        <caption><h4>学生列表</h4></caption>
        <tr>
            <th>序号</th>
            <th>姓名</th>
            <th>年龄</th>
            <th>性别</th>
            <th>家乡</th>
        </tr>`)
for(let i=0;i<students.length;i++){
    let s=students[i]
       document.write(`
        <tr>
            <td>${i+1}</td>
            <td>${s.name}</td>
            <td>${s.age}</td>
            <td>${s.gender}</td>
            <td>${s.hometown}</td>
        </tr>
       `)
    }
    document.write(`</table>`)
    </script>
</body>
</html>